<?xml version='1.0' encoding='UTF-8' ?>
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./layout/mainTemplate.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"  
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns="http://www.w3.org/1999/xhtml">
    <ui:define name="top">
       
    </ui:define>

    <ui:define name="left">
    </ui:define>
    <ui:define name="content" id="content">
        <p:panel header="#{cargoAction.titulo}">
       <h:form id="content">
            <p:panelGrid columns="3">
                <h:outputLabel value="Nombre" for="txtNombre"></h:outputLabel>
                <p:inputText id="txtNombre" value="#{cargoAction.cargo.nombre}" disabled="#{cargoAction.editAction=='eliminar'}"/>
                <h:message for="txtNombre" style="color:red;margin:8px;"/>

                <h:outputLabel value="Sueldo" for="txtSueldo"></h:outputLabel>
                <p:inputText id="txtSueldo" value="#{cargoAction.cargo.sueldo}" disabled="#{cargoAction.editAction=='eliminar'}"/>
                <h:message for="txtSueldo" style="color:red;margin:8px;"/>
                
            </p:panelGrid>
           <h:commandButton value="#{cargoAction.editAction == 'eliminar'? 'Eliminar': 'Grabar'}" action="#{cargoAction.grabar()}" id="guardar"/>
           <h:commandButton value="Cancelar" action="#{cargoAction.cancelar()}" immediate="true"/>
        </h:form>`
        </p:panel>
    </ui:define>
</ui:composition>
